@import "../../momen.css";
body {background:url('../images/bg.gif')}
.middle {width:100%;padding-top:20px;border-top:1px solid #fff;}
.middle div.content {width:1170px;height:auto;margin:0 auto;position:relative;}
.content div.top {position:relative;width:100%;font-size:22px;font-weight:300;padding:2px 0 15px 0;border-bottom:1px solid #fff;overflow:hidden}
.content div.top ul.con_link {font-size:14px;position:absolute;top:0;left:105px}
.content div.top ul.con_link li {float:left;}
.content div.top ul.con_link li a {background: url("../images/tab_sprite.png") no-repeat 5px 8px;
                                   cursor: pointer;
                                   display: block;
                                   font-size: 14px;
                                   height: 26px;
                                   line-height: 26px;
                                   padding: 2px 8px 2px 27px;
                                   text-decoration: none;border:1px solid #ccc;}
.content div.top ul.con_link li a.caiji {border-radius:4px 0 0 4px;border-right:0}
.content div.top ul.con_link li a.huaban {border-radius:0;background-position:-114px 8px}
.content div.top ul.con_link li a.tuijian {border-radius:0 4px 4px 0;border-left:0;background-position:-234px 8px}
.content div.top ul.con_link li.cai a.check {background:url('../images/tab_sprite.png') no-repeat 5px -22px #EFEFEF;}
.content div.top ul.con_link li.hua a.check {background:url('../images/tab_sprite.png') no-repeat -114px -22px #EFEFEF}
.content div.top ul.con_link li.tui a.check {background:url('../images/tab_sprite.png') no-repeat -234px -22px #EFEFEF; }
.content div.top ul.con_link li a.caiji:hover {color:#A3282A;background:url('../images/tab_sprite.png') no-repeat 5px -52px}
.content div.top ul.con_link li a.huaban:hover {color:#A3282A;background:url('../images/tab_sprite.png') no-repeat -114px -52px}
.content div.top ul.con_link li a.tuijian:hover {color:#A3282A;background:url('../images/tab_sprite.png') no-repeat -234px -52px}
.content div.top ul.con_link li.cai a.check:hover {color:#A3282A;background:url('../images/tab_sprite.png') no-repeat 5px -52px #EFEFEF}

/****************瀑布流布局***********************/
#water {width:1170px;height:auto;overflow:-hidden;padding-bottom:15px;position:relative;}
#water .box {
    font-size: 12px;
    padding: 15px 7px 0 7px;
    height:auto;
    float:left;
    width: 220px;position:relative;}
#water .box .border {background-color:#fff;width:220px;height:auto;box-shadow:0 0 2px #ccc;border-radius:4px}
#water .box .pin {width:192px;padding:14px 14px 10px 14px;}
#water .box .onl {position:relative}
#water .box .onl a{background: url("../images/tip_close.png") no-repeat scroll center -40px transparent;
                   height: 12px;
                   display:none;
                   position: absolute;
                   right: 15px;
                   top: 15px;
                   width: 12px;}
#water .box .pin p {margin-top:10px;line-height:1.5em;position:relative;}
#water .box .pin img {width:192px}
#water .box .border .bottom {width:192px;padding:10px 14px 10px 14px;background:#F7F6F5;
                             border-top: 1px solid #F5F2F2;
                             color: #999999;height:auto;overflow:hidden;position:relative;}
#water .box .border .bottom img{width:30px;height:30px;float:left}
#water .box .border .bottom p {float:left;width:152px;padding-left:10px;word-wrap:break-word;
                               word-break: normal;}



/**********************登录界面样式*********************/
.all {width:600px;height:auto;margin:30px auto}
.all .logo {display:block; background: url("../images/login_logo.png") no-repeat scroll 10px 0 transparent;
            height: 90px;
            margin: 0 auto 20px;
            text-align: center;
            width: 270px;}
.all .video {clear:both;width:600px;padding:20px 0 20px 0;background: url("../images/login_bar2.png") no-repeat -150px 20px;height:20px;position:relative;}
.all .video a {background: url("../images/sexy-button-background.png") no-repeat scroll left 0 transparent;
               display: block;
               position:absolute;
               top:0;
               left:235px;
               height: 43px;
               margin: 0;
               padding: 0 0 0 19px;
               text-decoration: none;}
.all .video a span {display:block;height:43px;padding:0 30px 0 0;line-height:43px;color:#646464;;background: url("../images/sexy-button-background.png") no-repeat -125px -43px;;font-size:17px;font-weight:900}
.all h3 {color: #666666;
         margin-bottom: 20px;
         text-align: center; padding:5px;font-size: 20px;
         font-weight: 700;}
.all .nav {width:460px;height:150px;margin:0 auto;}
.all .nav a {display:block;width:210px;height:50px;float:left;margin:15px 0 0 20px;background: url("../images/login_btns.png?v1.png") no-repeat scroll 0 0 transparent;}
.all .nav a span {display:block;height:100%;line-height:50px;margin-left:50px;color:#fff;font-size:15px;font-weight:400}
.all .nav a.weibo:hover {background-position:0 -51px}
.all .nav a.doub {background-position:-210px 0}
.all .nav a.doub:hover {background-position:-210px -51px}
.all .nav a.renren {background-position:-420px 0}
.all .nav a.renren:hover {background-position:-420px -51px}
.all .nav a.qq {background-position:-630px 0}
.all .nav a.qq:hover {background-position:-630px -51px}

/************************QQ登录页面*************************/
.qq_top {background: url("../images/bg_lay_top_rx.png") repeat-x scroll 0 0 #3C99C9;
         height: 60px;
         overflow: hidden;
         position: relative;}
.qq_top .qq_logo {width:452px;height:100%;margin:0 auto;line-height:50px}
.qq_logo a {float:right;color:#fff;font-size:12px}
.qq_enter {width:290px;overflow:hidden;padding:14px 81px 25px 81px;height:auto;margin:0 auto;position:relative}
.qq_enter .tishi {width:100%;padding-bottom:15px;font-size:12px}
.qq_enter .qq_error{width:100%;height:aut0;color:red;line-heigth:1.5em;font-size:12px;padding-bottom:10px;display:none}
.qq_enter input.p {border: 1px solid #FFFFFF;
                   box-shadow: 0 1px 4px rgba(125, 125, 125, 0.65) inset;
                   color: #666666;
                   font-size: 17px;
                   font-weight: 700;
                   height: 36px;
                   line-height: 100%;
                   transition: all 0.08s ease-in-out 0s;width:290px;}
.qq_enter input.password {margin-top:10px}
.qq_enter input.qq_btn {border:0;
                        background-color: #77AE12;
                        background-image: url("../images/qlogin.png?max_age=19830211&d=20121016170534");
                        background-position: 0 -61px;
                        font-size: 16px;
                        font-weight: 700;
                        text-align:center;
                        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
                        height:35px;width:106px;
                        color:#fff;
                        margin-top:10px;cursor:pointer;margin-right:20px;float:left
}
.qq_enter .lianji {height:35px;line-height:35px;font-size:12px;margin-top:10px;float:left}
.qq_floor {clear:both;
           background-color: #F5F5F5;
           border-top: 1px solid #E0E0E0;
           height: 42px;
           line-height: 42px;
}

/**************已登录页面****************/
.relayEnter {width:100%;height:auto;overflow:hidden;}
.relayEnter .headimg,.perfect .headimg {padding:4px;box-shadow: 0 0 6px #ccc;background:#fff;width:100px;float:left;height:100px}
.relayEnter .relaynav {width:210px;height:100%;float:left;margin-left:120px}
.relayEnter .relaynav a {display:block;width:210px;height:50px;float:left;margin:15px 0 0 20px;background: url("../images/login_btns.png?v1.png") no-repeat scroll 0 0 transparent;}
.relayEnter .relaynav a span {display:block;height:100%;line-height:50px;margin-left:50px;color:#fff;font-size:15px;font-weight:400}
.relayEnter .relaynav a.weibo {margin-top:0;}
.relayEnter .relaynav a.weibo:hover {background-position:0 -51px}
.relayEnter .relaynav a.doub {background-position:-210px 0}
.relayEnter .relaynav a.doub:hover {background-position:-210px -51px}
.relayEnter .relaynav a.renren {background-position:-420px 0}
.relayEnter .relaynav a.renren:hover {background-position:-420px -51px}
.relayEnter .relaynav a.qq {background-position:-630px 0}
.relayEnter .relaynav a.qq:hover {background-position:-630px -51px}
.all h3 a.relaylogin {color:black}
.all h3 a.relaylogin:hover{color:#A3282A;text-decoration:underline}

/**************登录******************/
.all .video img.or {position:absolute;top:8px;left:220px}
.all div.tologin {width:290px;height:200px;margin:0 auto;position:relative;}
.all div.tologin input.p,.perfect div.perfectname input.p{border: 1px solid #FFFFFF;
                                                          box-shadow: 0 1px 4px rgba(125, 125, 125, 0.65) inset;
                                                          color: #666666;
                                                          font-size: 17px;
                                                          font-weight: 700;
                                                          height: 30px;
                                                          line-height: 100%;
                                                          margin-top:10px;
                                                          border-radius:5px;
                                                          transition: all 0.08s ease-in-out 0s;width:260px;}
.all div.tologin input.qq_btn {background: -moz-linear-gradient(center top , #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED) repeat scroll 0 0 transparent;
                               border-color: #BBBBBB;width:67px;height:35px;font-size:15px;font-weight:bold;margin-top:20px;cursor:pointer}
.all div.tologin p.wanji {background:0;font-size:13px;position:absolute;right:10px;top:120px}
.all div.tologin p.wanji a {background:0;dispkay:inline;color:#ccc;width:80px}
.all div.tologin div.yizhuc a {background:0;color:#ccc;clear:both;width:200px;position:absolute;bottom:-30px;left:0;font-size:13px;padding:0;margin:0;}
.all div.tologin div.yizhuc a:hover , .all div.tologin p.wanji a:hover {color:#A3282A}
.all div.tologin .right_error ,.perfect div.perfectname .right_error {width:175px;height:35px;position:absolute;top:10px;right:-180px;background-color: #D5373A;
                                                                      border-radius: 5px 5px 5px 5px;
                                                                      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.698);
                                                                      color: #FFFFFF;
                                                                      font-size: 18px;
                                                                      text-shadow: 0 -1px rgba(34, 25, 25, 0.5);
                                                                      z-index: 9999;line-height:35px;padding-left:10px;display:none}
.all div.tologin .right_error .arrow, .perfect div.perfectname .right_error .arrow{left: -8px;
                                                                                   top:0px;
                                                                                   transform: rotate(45deg);color: #D5373A;
                                                                                   position: absolute;
                                                                                   text-shadow: 0 1px 5px rgba(0, 0, 0, 0.698);
                                                                                   transition: all 0.15s ease-in-out 0s;}
/****************完善个人资料*********************/
.perfect {width:520px;padding:0 40px}
.perfect div.perfectname {width:300px;float:right;position:relative}
.perfect div.perfectname .relay_btn {background: -moz-linear-gradient(center top , #EB5367, #E04751 50%, #DE404A 50%, #D43638) repeat scroll 0 0 transparent;
                                     border-color: #B00000;width:70px;height:34px;margin-top:20px;font-size:16px;color:#fff;font-weight:700;cursor:pointer}

/*******************画板***************/
div.huabname {width:222px;height:268px;padding:10px 0;border:1px solid #ccc;box-shadow:1px 1px 1px #ccc;background:#fff}
div.huabname div.huatop {height:15px;line-height:15px;margin-bottom:6px}
div.huabname div.huatop span.kname {display:block;float:left;font-size:18px;font-weight:400;padding-left:15px}
div.huabname a.smallimg {display:block;width:100%;height:200px; background: url("../images/BoardBackground.png") no-repeat scroll 15px 9px;                                     
                         overflow: hidden;
                         padding: 9px 0 0 15px;}
div.huabname a.smallimg img {margin-right:5px;margin-bottom:5px}
div.atten1 ,div.attuser{overflow:hidden;padding:0 15px 15px 0;margin-top:5px;}
div.attuser {padding:0;float:left;margin:5px 15px;height:25px;line-height:25px;}
div.attuser a{vertical-align:top}
div.atten1 {float:right}
div.atten1 a {text-align:center;font-weight:600;color:#524D4D}
ul.skedshow1 {width:100%;height:auto;overflow:hidden;margin-top:5px;}
ul.skedshow1 li {float:left;margin-right:10px;margin-top:10px}
div.atten1 a , div.bimg  a.li {float:left;
                               box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
                               transition-duration: 0.5s;
                               transition-property: opacity;
                               transition-timing-function: ease-in-out;
                               background: -moz-linear-gradient(center top , #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED) repeat scroll 0 0;
                               background: -webkit-linear-gradient(center top , #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED) repeat scroll 0 0;
                               border:1px solid  #BBBBBB;border-radius: 3px 3px 3px 3px;
                               font-size: 13px;padding:5px 10px;margin-left:10px;cursor:pointer;
}



/*************转载赞************/
div.bimg  a.li{display:none;height:28px;padding:0 10px;line-height:28px;position:absolute;top:20px;z-index:999}
div.bimg  a.li1 {right:15px}
div.bimg  a.li span.img {background:url('../images/ActionIcons.png') no-repeat}
div.bimg  a.turn {padding-left:30px}
div.bimg  a.turn span.img {position:absolute;top:0;left:0;background-position:-37px -32px;display:inline-block;width:20px;height:28px ;border-right:1px solid #ccc;}
div.bimg  a.good{padding-left:30px}
div.bimg  a.good span.img{background-position:-15px -32px;position:absolute;top:0;left:7px;display:inline-block;width:20px;height:28px ;}
div.bimg a.comment,div.bimg a.comment1{z-index:999;position:absolute;bottom:0;right:0;display:none;width:26px;height:19px;background:url('../images/home_comment_act_icon.png');}
div.bimg a.comment:hover,div.bimg a.comment1:hover{background-position:0 -20px}
/***************赞*****************/
div.bimg div.good_mesa { background-color: rgba(51, 51, 51, 0.85);
                         border-radius: 3px 3px 3px 3px;
                         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
                         display:absolute;
                         padding: 15px;
                         position: absolute;
                         right: 14px;
                         top: 60px;
                         width: 176px;z-index:999;display:none}